/*
Theme'name: So Y te Nghe An
Author: dnnghia
----------------------------*/



/*RESET CSS----------------------------*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}



/*COMMON----------------------------*/
html, body
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.35;
color: #000;
background: #f3f3f3;
}
a:hover,
a:link,
a:visited
{color: #085d8b;
text-decoration: none;}
.clr{clear:both;}



/* LAYOUT ----------------------------*/
.wrapper {
width:960px;
background:#fff;
margin:0 auto;
padding-top:10px;
}
.col1{
width:570px;
margin-left:10px;
float:left;
}
.col2{
width:360px;
margin-left:10px;
float:left;
}
.col3{
width:55%;
margin-right:2%;
float:left;
}
.col4{
width:43%;
float:left;
}
.footer{
padding:10px;
}


/* TOP BANNER ----------------------------*/
.top-banner {
background:#fff;
}
.top-banner-inner{
width:960px;
margin:0 auto;
height:110px;
background:url(../img/topbanner.jpg) 0 0 no-repeat;
}
.quicksearch {
height: 28px;
background: url(../img/search-bg.png) 0 0 no-repeat;
width: 216px;
float: right;
margin: 39px 10px 0;
}
.textsearchbox {
margin: 0px 0 0 5px;
width: 152px;
height: 28px;
float: left;
border: none;
background: url(search-bg.png) 0 -317px no-repeat;
outline: none;
color: #999;
}
.searchbut {
width: 58px;
height: 27px;
float: left;
display: block;
line-height: 27px;
text-align: center;
color:#d41b7c !important;
}


/* NAV BAR ----------------------------*/
.nav-bar {
height:62px;
background: url(../img/topmenbg.png) 0 0 repeat;
}
.nav-bar-inner{
width:960px;
margin:0 auto;
position:relative;
}
.nav-bar > .nav-bar-inner > ul > li {
float:left;
}
.nav-bar > .nav-bar-inner > ul > li > a {
font-size:12px;
font-weight:700;
color:#fff;
line-height:30px;
padding:0 9px;
height:	30px;
display: block;
}
.nav-bar > .nav-bar-inner > ul > li > a.li-home img{
margin-top:6px;
}
.nav-bar > .nav-bar-inner > ul > li:hover > a, .nav-bar > .nav-bar-inner > ul > li.active > a {
color:#ffe400;
}
.nav-bar > .nav-bar-inner > ul > li.has-sub:hover > a, .nav-bar > .nav-bar-inner > ul > li.has-sub.active > a {
background:url(../img/topmenactive.png) bottom center no-repeat;
}
.nav-bar > .nav-bar-inner > ul > li  ul{
position:absolute;
width: 960px;
left: 0;
padding: 9px 0;
display:none;
}
.nav-bar > .nav-bar-inner > ul > li:hover  ul, .nav-bar > .nav-bar-inner > ul > li.active  ul{
display:block;
}
.nav-bar > .nav-bar-inner > ul > li  ul li {
float:left;
}
.nav-bar > .nav-bar-inner > ul > li  ul li a {
padding: 9px 21px 9px 9px;
background: url(../img/bulletarrow.png) 0 14px no-repeat;
}
.nav-bar > .nav-bar-inner > ul > li  ul li a:hover{
color:#333;
}
.top-news-zone {
margin-bottom:10px;
}



/* FOCUS NEWS ----------------------------*/
.focus-news{
float:left;
margin-right:7px;
width: 369px;
}
.large-focus{
margin-bottom:5px;
}
.large-focus a {
position:relative;
}
.large-focus img {
width:367px;
border:1px solid #e1e1e1;
}
.large-focus span {
color:#fff;
font-weight:700;
font-size:12px;
padding:10px;
position:absolute;
bottom:4px;
left:1px;
right:1px;
background:rgb(0,0,0);
background: transparent\9;
background:rgba(0,0,0,0.3);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
zoom: 1;
}
.small-focus li {
float:left;
width:31.33333%;
margin-right:3%;
}
.small-focus li:last-child {
margin-right:0;
}
.small-focus li a img {
width:100%;
height: 85px;
}



/* LASTEST NEWS ----------------------------*/
.lastest-news{
border:1px solid #d7d7d7;
border-top:none;
float:left;
width:192px;
}
.lastest-news-header {
background:url(../img/lastest-news-header-bg.png) 0 0 no-repeat;
height:27px;
}
.lastest-news-header h2 {
color:#fff;
line-height:27px;
font-size:12px;
padding-left:20px;
background:url(../img/shortcut.png) 5px 6px no-repeat;
}
.lastest-news-content {
padding:10px;
}
.lastest-news-content ul li {
padding-left:8px;
background: url(../img/bullet.png) 0 5px no-repeat;
margin-bottom:10px;
}
.lastest-news-content ul li:last-child {
margin-bottom:0;
}
.lastest-news-content ul li a {
color:#323131;
}



/* ADVERTISING 1 ----------------------------*/
.adv1 img {
width:100%;
margin-bottom:10px;
}



/* HOME FOLDER ----------------------------*/
.folder{
margin-bottom:10px;
}
.folder-head{
background:url(../img/folderheader.png) top center no-repeat;
}
.folder-head h2  span {
display:block;
float:left;
padding-left:10px;
background:url(../img/folderh2bg-left.png) top left no-repeat;
height: 22px;
line-height: 24px;
}
.folder-head h2  span span {
background:url(../img/folderh2bg-right.png) top right no-repeat;
padding-right:20px;
padding-left:0;
}
.folder-head h2 a {
text-transform:uppercase;
font-size: 12px;
font-weight: 700;
color:#05578f;
padding-left:18px;
background:url(../img/pen.png) 0 0 no-repeat;
}
.folder-head ul li {
float:left;
line-height: 20px;
}
.folder-head ul li a {
padding:0 7px;
border-right:1px solid #ddd;
}
.folder-head ul li:last-child a {
border-right:none;
}
.folder-content {
padding:10px;
border:1px solid #e6e7e8;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
margin-top: -1px;
}
.folder-content-left {
float:left;
width:358px;
margin-right:7px;
}
a.bigger-title{
font-weight:700;
font-size:13px;
color:#242037;
margin-bottom:7px;
display: block;
}
p.date {
color:#939091;
margin-bottom:5px;
}
.folder-content-left a img {
width:40%;
float:left;
margin-right:7px;
height: 110px;
}
.folder-content-right{
float:left;
width:183px;
}
.folder-content-right ul li {
padding-left:8px;
background: url(../img/bullet-grey.png) 0 5px no-repeat;
margin-bottom:10px;
}
.folder-content-right ul li:last-child {
margin-bottom:0;
}



/* TAB ----------------------------*/
#tabs {
border:1px solid #d7d7d7;
background: #ffffff; /* Old browsers ----------------------------*/
background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ ----------------------------*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ ----------------------------*/
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ ----------------------------*/
background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ ----------------------------*/
background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ ----------------------------*/
background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C ----------------------------*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 ----------------------------*/
position:relative;
margin-bottom: 15px;
}
#tabs > ul > li{
float: left; 
background: #ebebeb; 
padding: 4px 21px;
cursor: pointer;
color:#323131 ;
font-size:12px;
font-weight:700;
border-bottom:1px solid #d7d7d7;
}
#tabs > ul > li:first-child{
border-right:1px solid #d7d7d7;
}
#tabs > ul > li.active {
background: #fff; 
color: #017abb;
padding-bottom: 5px ;
border-bottom:none;
}
#tabs div{
clear: both; 
padding: 20px;
height:195px;
}
#tabs div.hide{display: none}
#tabs div ul li {
padding-left:10px;
background: url(../img/arrow2.png) 0 4px no-repeat;
margin-bottom: 10px;
}
#tabs div ul li a {
color:#454344;
}
#tabs div > a {
text-decoration:underline;
font-style:italic;
}
.banner-in-tab {
position:absolute;
bottom:-9px;
left:-1px;
}



/* FUNCTION-BANNER */
.function-banner{
margin-bottom:6px;
}

/* SLIDE BANNER ----------------------------*/
.carousel {
position: relative;
margin-bottom: 20px;
line-height: 1;
padding: 2px;
border: 1px solid #ddd;
}
.carousel-inner {
position: relative;
/* width: 100%; */
width:355px;
height:110px;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: 0.6s ease-in-out left;
-moz-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 40%;
left: 15px;
width: 40px;
height: 40px;
margin-top: -20px;
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: #ffffff;
text-align: center;
background: #222222;
border: 3px solid #ffffff;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.carousel-control.right {
right: 15px;
left: auto;
}
.carousel-control:hover,
.carousel-control:focus {
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-indicators {
position: absolute;
top: 15px;
right: 15px;
z-index: 5;
margin: 0;
list-style: none;
}
.carousel-indicators li {
display: block;
float: left;
width: 10px;
height: 10px;
margin-left: 5px;
text-indent: -999px;
background-color: #ccc;
background-color: rgba(255, 60, 232, 0.5);
border-radius: 5px;
}
.carousel-indicators .active {
background-color: #FF3CE8;
}
.carousel-caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 15px;
background: #333333;
background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
line-height: 20px;
color: #ffffff;
}
.carousel-caption h4 {
margin: 0 0 5px;
}
.carousel-caption p {
margin-bottom: 0;
}
ul#mycarousel2 li {
position:relative;
}
.documentTitle {
position: absolute;
bottom: 3px;
left: 3px;
right: 3px;
background: url(../img/transbg.png);
padding: 5px;
font-size: 11px;
color: #eee;
display: block;
}

/* SIDE VIDEO */
.video-hompage{
margin-bottom:10px;
}
.side-homepage-header1 {
background:url(../img/blue-head.png) 0 0 repeat-x;
height:23px;
padding:0 10px;
}
.side-homepage-header1 a  {
float:right;
color:#e4e2e2;
line-height:23px;
}
.side-homepage-header1 h2 a {
text-transform:uppercase;
color:#fff;
float:left;
line-height:23px;
}
.video-homepage-content{
position:relative;
}
.video-title {
position:absolute;
top:5px;
left:5px;
right:5px;
color:#666;
}



/* IMAGE-HOMPAGE  */
.image-hompage {
margin-bottom:10px;
}


/* SIDE OTHER */
.side {
border:1px solid #e4e2e2;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:1px;
}
.side-head{
background:url(../img/greyhead.png) 0 0 repeat-x;
height:30px;
padding:0 10px;
}
.side-head h2{
color:#0c82c0;
padding-left:25px;
line-height:30px;
font-size:12px;
font-weight:700;
}
.poll .side-head h2 {
background:url(../img/poll.png) center left no-repeat;
text-transform:uppercase;
}
.stat .side-head h2 {
background:url(../img/stat.png) center left no-repeat;
}
.side-content{
padding:10px;
}
.poll .side-content p {
font-weight:700;
margin-bottom:10px;
}
.poll .side-content input {
margin: 0 3px 10px 10px;
}
.side-content form {
margin-bottom:5px;
}
a.vote {
padding:3px 10px;
color:#fff;
background: #1891d0; /* Old browsers */
background: -moz-linear-gradient(top,  #1891d0 0%, #087ebc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1891d0), color-stop(100%,#087ebc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1891d0 0%,#087ebc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1891d0 0%,#087ebc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1891d0 0%,#087ebc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1891d0 0%,#087ebc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1891d0', endColorstr='#087ebc',GradientType=0 ); /* IE6-9 */
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
margin-left:10px;
}
a.poll-result {
margin-left:10px;
font-weight:700;
color:#333;
}
select.weblink{
margin-bottom:10px !important;
}
.adv-group {
margin-bottom:8px;
}
.adv-group a img {
width:100%;
margin-bottom:3px;
}
.side-content table {
width:100%;
}
.side-content table tr td {
padding-bottom:5px;
}
.side-content table tr:last-child td {
padding-bottom:0;
}
td.td-value {
text-align:right;
}

/* FOOTER */
.foot-nav {
margin-top:15px;
border-top:1px dashed #ccc;
height:30px;
}
.foot-nav ul li {
float:left;
}
.foot-nav ul li a {
padding:0 12px;
border-right:1px solid #B4D2FA;
line-height:30px;
font-size:11px;
}
.foot-nav ul li:last-child a {
border-right:none;
}
.foot-content {
height:96px;
text-align:center;
padding-top:20px;
background:url(../img/bottombg.png) 0 0 repeat-x;
font-size:12px;
line-height:20px;
}
/*ADD NEW */





/* BREADCRUMB */
.breadcrumb{
border-left: 3px solid #003262;
overflow:hidden;
background:url(../img/breadcrumb2.png) top right no-repeat;
float: left;
margin-bottom:15px;
}
.breadcrumb li{
float:left;
}
.breadcrumb li a {

padding:0 10px;
font-weight:bold;
height:17px;
line-height:17px;
}
.breadcrumb .breadcrumblv1 {
background:url(../img/breadcrumb1.png) top right no-repeat;

}
.breadcrumb .breadcrumblv2  a{
font-size:11px;
color:#000;
}


/* ARTICLE DETAILS */
.ArticleTittle {
font-weight:700;
font-size:16px;
}
.desc{
font-weight:bold;
margin-bottom:15px;
}
.ArticleDetail {
padding-bottom:20px;
border-bottom:1px solid #ededed;
margin-bottom:10px;
}
.ArticleDetail p {
margin:5px 0;
}
table.imageTable{
margin: 15px auto;
text-align:center;
}
.imageTable img {
max-width:570px;
min-width:365px;
}
td.image_desc{
font-size:11px;
}
span.author{
font-weight:bold;
font-size:13px;
}
.ArticleList {
margin-bottom:20px;
}
.ArticleList h2{
margin-bottom:5px;
overflow:hidden;
}
.ArticleList h2 span {
display: block;
float: left;
padding-left: 10px;
background: url(../img/folderh2bg-left.png) top left no-repeat;
height: 22px;
line-height: 24px;
font-weight:bold;
}
.ArticleList h2 span span {
background: url(../img/folderh2bg-right.png) top right no-repeat;
padding-right: 20px;
padding-left: 0;
}
.ArticleList ul li a {
padding-left:10px;
background:url(../img/bullet-grey.png) 0 6px no-repeat;
}
.ArticlePageNav ul li {
float:left;
font-weight:700;
margin-right:20px;
}



.AttachHolder {
    padding-bottom: 10px;
}


.VoteRemark {
    float: right;
}

.voteQuestion {
    font-size: 14px;
    font-weight: bold;
}

.VoteShow {
    width: 30%;
	padding-left: 5px;
}

.VoteCount {  
    width: 10%;
}

 /* for album */
.listnews {
    margin-top: 20px;
}
.listnews li {
    margin-bottom: 20px;
}
div.colfix {
    clear: both;
}
.colfix {
    clear: both;
}
br.colfix {
    clear: both;
    display: inline;
    height: 1px;
    line-height: 1px;
}
.listnews li a {
    font-size: 14px;
    font-weight: bold;
}
.greynews {
    color: #999999;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.listnews img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    margin-right: 10px;
    padding: 2px;
    width: 125px;
}
.listnews p {
    color: #333333;
}


a:link {
    color: #4182BF;
}


.listnews img.albumcover {
    width: 170px !important;
}


a:link {
    color: #4182BF;
}

.photoholder {
    float: left;
    margin-bottom: 20px;
    margin-right: 30px;
   width: 100%;
}

.photoholder .newstitle {
    color: #666666;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}


.grouptitle h2, .grouptitle h2 a {
    color: #971429;
    font-size: 16px !important;
}

.photothum {
    border: 1px solid #CCCCCC;
    float: left;
    margin-right: 10px;
    padding: 2px;
    width: 120px;
}


.artilecontent * {
    font-size: 14px;
    line-height: 19px;
}
.cssVideo_details {
    text-align: center;
}

.related {
    border-top: 1px dashed #999999;
    margin-top: 20px;
    padding-bottom: 20px;
}

.related h3 {
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-top: 10px;
}

/* ul {
    margin-left: 20px;
} */

.related ul li {
    background: url("../images/sbullet.gif") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    font-size: 12px;
    margin-bottom: 5px;
    padding-left: 10px;
}

.related ul li a {
    font-size: 12px;
    font-weight: bold;
}